<template>
  <div>
    <group>
      <cell title="手机号" :value="mobile"></cell>
    </group>
    <group>
      <x-input title="新密码" v-model="sname"></x-input>
    </group>
    <group>
      <x-input title="验证码" class="weui-vcode">
        <x-button slot="right" type="primary" mini>发送验证码</x-button>
      </x-input>
    </group>
    <box gap="20px 10px">
      <x-button type="primary">确认修改</x-button>
    </box>
  </div>
</template>

<script>
import { Group, XInput, XButton, Box, Cell } from 'vux'
import { mapState, mapGetters, mapActions } from 'vuex'
import HeadTop from 'components/head'

export default {
  components: {
    Group,
    XInput,
    XButton,
    Box,
    Cell
  },
  methods: {
    onItemClick () {
      console.log('on item click')
    },
    ...mapActions([
      'changeName'
    ])
  },
  computed: {
    ...mapState(['common', 'app']),
    ...mapGetters(['coolMan'])
  },
  data() {
    return{
      mobile: '18209322335'
    }
  }
}
</script>

<style lang="less">

</style>
